草庐IT

flink 滚动窗口

全部标签

javascript - 使用鼠标滚轮和滚动条平滑垂直页面滚动

我正在玩弄并尝试建立一个视差网站-是的,我知道它们是一种令人讨厌的时尚,但我仍然想尝试一下。因此,为了获得灵感,我一直在查看各种优秀视差网站的示例并发现了这个网站:https://victoriabeckham.landrover.com/INT.它可以使用鼠标滚轮、滚动条和anchor链接进行平滑滚动。我一直在寻找可以实现这种效果的jQuery插件,但似乎只能找到使用内部页面链接的插件-anchor或ID(详见下文)-但不是鼠标滚轮和滚动条。我很有可能使用了错误的关键字进行搜索。有谁知道找到这些插件的正确术语或知道任何可以实现这种效果的插件吗?附带说明一下,我目前正在学习jQuery

javascript - 防止 scrollTop 调用滚动事件

我正在尝试创建此行为:当用户滚动鼠标滚轮(或按↓)时,网页会向下滚动窗口的高度。我最终得到了以下代码:varnewScrollTop,oldScrollTop=$(window).scrollTop(),preventScroll=false;$(window).scroll(function(){if(!preventScroll){preventScroll=true;newScrollTop=$(this).scrollTop();if(newScrollTop>oldScrollTop){$(this).scrollTop(oldScrollTop+$(window).heig

javascript - jQuery 滚动事件

我正在尝试以下jQuery代码。当我向上或向下滚动时,我想fadeOut一个div,当滚动停止时fadeIn相同的div。我的是这样的:$(document).ready(function(){$(window).scroll(function(e){$('#search_tab').fadeOut('slow');});});我知道这会在滚动开始时淡出div,但诀窍是在我停止滚动后淡出。现在,我看到了这个(但仍然不是我想要的)//Firefox$('#elem').bind('DOMMouseScroll',function(e){if(e.detail>0){//scrolldow

javascript - 更改特定元素的 Bootstrap 弹出窗口位置

我正在使用bootstrappopover在数据表上,正如您将从我的jsFiddle中看到的那样,每个单元格在单击时都会创建一个弹出窗口。我正在尝试为连续的最后一个td调整弹出框的位置或“位置”,想法是当单击最后一个单元格时,弹出框将位于左侧而不是顶部。如果滚动到表格的末尾,您会看到我已实现选择但未实现定位的最后一个单元格。关于如何实现这一点有什么想法吗?http://jsfiddle.net/N8NNC/1/弹出框的javascript代码如下:$(".metapop").popover({html:true,trigger:'manual',placement:'top',titl

javascript - 如何从 tinymce 4.x 中的窗口(弹出窗口)访问元素

我为tinymce编写了一个插件,它打开一个由url加载的弹出窗口(它将弹出窗口创建为iframe)。当我点击这个窗口中的一个按钮时,我想从这个弹出窗口访问一个元素值(这个元素是一个anchor标记,它有一个图像的url)并将它作为一个图像加载到tinymce编辑器中。我该怎么做?我的插件代码:tinymce.PluginManager.add('fileuploader',function(editor,url){editor.addButton('fileuploader',{text:'UploadImage',icon:false,onclick:function(){//Op

javascript - jQuery UI 可拖动可防止在移动设备上滚动

我有垂直列出的全屏宽度的可拖动元素。我正在使用一个名为(jquery.ui.touch-punch)的插件来启用jQuery可在移动设备上拖动。但问题是可拖动元素会阻止用户滚动页面。$('#novieList.element.content').draggable({axis:'x',revert:function(){return$(this).position().left 最佳答案 我认为在jquery.ui.touch-punch.js中注释掉event.preventDefault()不再有效。我尝试了相同的解决方案,发现

javascript - 全屏视频不允许在 Firefox 上滚动

我正在使用fullscreen.js脚本,在我的其中一个屏幕上我将有一个全屏Vimeo视频。显然,这会导致FF出现问题,并阻止我在到达视频屏幕后立即向上或向下滚动。该问题已提交到脚本的GitHub页面,但作者将其驳回,因为它是一个FF问题(https://github.com/alvarotrigo/fullPage.js/issues/803)。我将所有这些与基础CSS一起用于响应式视频:"width="400"height="225"frameborder="0"webkitAllowFullScreenmozallowfullscreenallowFullScreen>错误是这个

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - 滚动 Angular 4 后修复标题

我在滚动后修复标题时遇到问题,我尝试了很多方法但无法正常工作。我检查了这个线程,但它对我不起作用:Angular4@HostListenerWindowscrolleventstrangelydoesnotworkinFirefox.这是我的组件结构:布局步骤路线在滚动50像素后,内部步骤是我要修复的标题。在Layout内部是一些其他内容,例如带有Logo背景的div(在步骤内容之上)。这是我在Steps.ts中尝试的@HostListener('window:scroll',[])onWindowScroll(){constnumber=window.scrollY;if(numbe

javascript - Firebug 控制台窗口范围。为什么 "this"不总是相同的?

Firebug控制台作用域。为什么“这个”不总是一样的?不应该一直是“window”吗? 最佳答案 控制台中this的值将与当前正在执行的代码中this的值相同。考虑:-functionouter(){//thisiswindowvarx={n:12};varfn=function(){//thisisobject{n:12}alert(this.n);}fn.call(x);}...如果你在x={n:12}行打断点,切换到控制台你会发现this是窗口。但是,当您进入alert行时,控制台中的this是x变量持有的对象。IOW在执行